<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <!-- 标题 -->
    <title>绿家居 - 会议</title>
    <!-- 关键词 -->
    <meta name="keywords" content="" />
    <!-- 网站简介 -->
    <meta name="description" content="" />
    <!-- 自适应屏幕 -->
    <meta name="viewport" content="width=device-width,height=device-height,inital-scale=1.0,maximum-scale=1.0,user-scalable=no;">
    <!-- IE兼容 -->
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <!-- 最新 Bootstrap 核心 CSS 文件 -->
    <link rel="stylesheet" href="css/bootstrap.css">
    <!-- 轮播图 banner CSS 文件 -->
    <link rel="stylesheet" href="css/banner.css">
    <!-- 核心 CSS 文件 -->
    <link rel="stylesheet" href="css/meeting.css" type="text/css">
</head>
<body>
    <!-- 顶部导航 -->
    <div id="header-nav" class="navbar">
        <div class="container">
            <div class="navbar-header">
                <button class="navbar-toggle collapsed" type="button" data-toggle="collapse" data-target=".navbar-collapse">
                    <span class="sr-only">绿家居</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a class="logo-show"><img src="images/logo.png" alt=""><span>绿家居</span></a>
            </div>
            <div class="navbar-collapse collapse " role="navigation" id="cssmenu-a">
                <ul class="nav navbar-nav clearfix">
                    <li class="active"><a data-href="#banner">首页</a></li>
                    <li class="nav-down"><a data-href="#introduce">会议介绍</a>
                        <ul class="submenu">
                            <li><a data-href="#meeting-zhuzhi">组织机构</a></li>
                            <li><a data-href="#meeting-yicheng">会议议程</a></li>
                            <li><a data-href="#meeting-liangdian">会议亮点</a></li>
                            <li><a data-href="#meeting-pingxuan">评选奖项</a></li>
                            <li><a data-href="#meeting-zhanshi">新品展示</a></li>
                            <li><a data-href="#sponsorship">赞助企业</a></li>
                        </ul>
                    </li>
                    <li class=""><a data-href="#guest">嘉宾介绍</a></li>
                    <li class="wx-a"><a data-href="#attending">参会企业</a></li>
                    <li class="wx-b"><a data-href="#wx-attending">参会企业</a></li>
                    <li class=""><a data-href="#showing">企业展示</a></li>
                    <li class=""><a data-href="#wonderful">新闻报道</a></li>
                    <li class="nav-down"><a href="#">评选投票</a>
                        <ul class="submenu">
                            <li><a href="">材料品牌</a></li>
                            <li><a href="">家居品牌</a></li>
                            <li><a href="">家装品牌</a></li>
                        </ul>
                    </li>
                    <li class="wx-a"><a data-href="#reviews">历届回顾</a></li>
                    <li class="wx-b"><a data-href="#wx-reviews">历届回顾</a></li>
                    <li class=""><a data-href="#traffic">会议交通</a></li>
                </ul>
            </div>
        </div>
    </div>

    <!-- 轮播图 -->
    <div id="banner" class="banner">
        <div class="container clearfix">
            <div class="left">2017</div>
            <div class="right">
                <div class="banner-top">
                    <h4>互联网 + 家装</h4>
                    <p>绿色人居2017趋势论坛</p>
                </div>
                <ul class="banner-center">
                    <li class="bcb">时间：2016年11月27（14:00~17：30）</li>
                    <li class="bcb">地点：国贸大酒店--B1层中国大宴会厅--AB厅</li>
                    <li>主办机构：中国室内装饰协会  绿色家居环境技术工作委员会 聚向传媒  北京国际设计周“十二间“公益设计组委会</li>
                    <li>协办机构：中国流行色协会 清华大学色彩所 中国精装产业联盟 全联房地产全装修分会 翔菲绿居</li>
                    <li>联合协办：创意玩家、星艺装饰、索菲亚等知名企业</li>
                    <li>活动嘉宾：互联网大咖，设计大师，家装大腕和行业领袖等各省市装饰协会的领导代表等近200人。</li>
                </ul>
                <div class="banner-bottom">
                    <a data-href="#meeting-yicheng" class="hdap">活动安排</a><a data-href="#join" class="wycc">我要参会</a>
                </div>
            </div>
        </div>
    </div>

    <!-- 会议背景 -->
    <div id="conference" >
       <div class="container">
            <h3>会议背景</h3>
            <p>别致生活，2017-2018家居色彩流行趋势中的绿色元素</p>
            <ul>
               <li>外在环境-贴近自然，知名设计师讲述乡村民宿的故事：回归自然的环境，悠闲的居所，让人在一个自然的环境中得到彻底的放松 ......</li>
               <li>内在环境-绿色环保，家装产业链大腕们践行绿色趋势理念，从源头到终端，共同努力打造绿色家居供应链，保障人居环境的绿色环保健康 ......</li>
            </ul>
       </div>
    </div>

    <!-- 嘉宾介绍 -->
    <div id="guest">
        <h3><span>Distinguished guest |</span> 嘉宾介绍</h3>
        <h4>设计大师-行业领袖-家装大碗-互联网大咖，绿色家居品牌供应商，还包括各省市室内装饰协会的领导等代表近200人</h4>
        <div class="container">
            <div class="guest">
                <h5><span>CLASSICS SUTRA SCRIPTURES CUCCESSFUL CASE</span></h5>
                <div class="clearfix">
                    <div class="left clearfix">
                        <div id="guest-banner">
                            <div class="guest-item-list">
                                <img src="images/meeting-user1.png" alt="">
                                <div class="mask">
                                    <div class="guest-name">
                                        赵小军
                                    </div>
                                    <div class="guest-intr">
                                        <p>设计大师-行业领袖-家装大碗-互联网大咖，绿色家居品牌供应商，还包括各省市室内装饰协会的领导等代表近200人</p>
                                    </div>
                                </div>
                            </div>
                            <div class="guest-item-list">
                                <img src="images/meeting-user1.png" alt="">
                                <div class="mask">
                                    <div class="guest-name">
                                        吴亦凡
                                    </div>
                                    <div class="guest-intr">
                                        <p>设计大师-行业领袖-家装大碗-互联网大咖，绿色家居品牌供应商，还包括各省市室内装饰协会的领导等代表近200人</p>
                                    </div>
                                </div>
                            </div>
                            <div class="guest-item-list">
                                <img src="images/meeting-user1.png" alt="">
                                <div class="mask">
                                    <div class="guest-name">
                                        吴亦凡
                                    </div>
                                    <div class="guest-intr">
                                        <p>设计大师-行业领袖-家装大碗-互联网大咖，绿色家居品牌供应商，还包括各省市室内装饰协会的领导等代表近200人</p>
                                    </div>
                                </div>
                            </div>
                            <div class="guest-item-list">
                                <img src="images/meeting-user1.png" alt="">
                                <div class="mask">
                                    <div class="guest-name">
                                        赵小军
                                    </div>
                                    <div class="guest-intr">
                                        <p>设计大师-行业领袖-家装大碗-互联网大咖，绿色家居品牌供应商，还包括各省市室内装饰协会的领导等代表近200人</p>
                                    </div>
                                </div>
                            </div>
                            <div class="guest-item-list">
                                <img src="images/meeting-user1.png" alt="">
                                <div class="mask">
                                    <div class="guest-name">
                                        吴亦凡
                                    </div>
                                    <div class="guest-intr">
                                        <p>设计大师-行业领袖-家装大碗-互联网大咖，绿色家居品牌供应商，还包括各省市室内装饰协会的领导等代表近200人</p>
                                    </div>
                                </div>
                            </div>
                            <div class="guest-item-list">
                                <img src="images/meeting-user1.png" alt="">
                                <div class="mask">
                                    <div class="guest-name">
                                        吴亦凡
                                    </div>
                                    <div class="guest-intr">
                                        <p>设计大师-行业领袖-家装大碗-互联网大咖，绿色家居品牌供应商，还包括各省市室内装饰协会的领导等代表近200人</p>
                                    </div>
                                </div>
                            </div>
                            <div class="guest-item-list">
                                <img src="images/meeting-user1.png" alt="">
                                <div class="mask">
                                    <div class="guest-name">
                                        赵小军
                                    </div>
                                    <div class="guest-intr">
                                        <p>设计大师-行业领袖-家装大碗-互联网大咖，绿色家居品牌供应商，还包括各省市室内装饰协会的领导等代表近200人</p>
                                    </div>
                                </div>
                            </div>
                            <div class="guest-item-list">
                                <img src="images/meeting-user1.png" alt="">
                                <div class="mask">
                                    <div class="guest-name">
                                        吴亦凡
                                    </div>
                                    <div class="guest-intr">
                                        <p>设计大师-行业领袖-家装大碗-互联网大咖，绿色家居品牌供应商，还包括各省市室内装饰协会的领导等代表近200人</p>
                                    </div>
                                </div>
                            </div>
                            <div class="guest-item-list">
                                <img src="images/meeting-user1.png" alt="">
                                <div class="mask">
                                    <div class="guest-name">
                                        吴亦凡
                                    </div>
                                    <div class="guest-intr">
                                        <p>设计大师-行业领袖-家装大碗-互联网大咖，绿色家居品牌供应商，还包括各省市室内装饰协会的领导等代表近200人</p>
                                    </div>
                                </div>
                            </div>
                            <div class="guest-item-list">
                                <img src="images/meeting-user1.png" alt="">
                                <div class="mask">
                                    <div class="guest-name">
                                        赵小军
                                    </div>
                                    <div class="guest-intr">
                                        <p>设计大师-行业领袖-家装大碗-互联网大咖，绿色家居品牌供应商，还包括各省市室内装饰协会的领导等代表近200人</p>
                                    </div>
                                </div>
                            </div>
                            <div class="guest-item-list">
                                <img src="images/meeting-user1.png" alt="">
                                <div class="mask">
                                    <div class="guest-name">
                                        吴亦凡
                                    </div>
                                    <div class="guest-intr">
                                        <p>设计大师-行业领袖-家装大碗-互联网大咖，绿色家居品牌供应商，还包括各省市室内装饰协会的领导等代表近200人</p>
                                    </div>
                                </div>
                            </div>
                            <div class="guest-item-list">
                                <img src="images/meeting-user1.png" alt="">
                                <div class="mask">
                                    <div class="guest-name">
                                        吴亦凡
                                    </div>
                                    <div class="guest-intr">
                                        <p>设计大师-行业领袖-家装大碗-互联网大咖，绿色家居品牌供应商，还包括各省市室内装饰协会的领导等代表近200人</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="right">
                        本次会议邀请并聚集了家居企业，家装企业，材料企业等各个企业的大咖，互联网大咖以及著名设计师参加
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- 会议介绍 -->
    <div id="introduce">
        <h3><span>Meeting introduction |</span> 会议介绍</h3>
        <div class="introduct-nav">
            <div class="container">
                <div class="row">
                    <div class="col-md-2">组织机构</div>
                    <div class="col-md-2">会议议程</div>
                    <div class="col-md-2">会议亮点</div>
                    <div class="col-md-2">评选奖项</div>
                    <div class="col-md-2">新品展示</div>
                    <div class="col-md-2">赞助企业</div>
                </div>
            </div>
        </div>
        <div class="container">
            <div id="meeting-zhuzhi">
                <h4>组织机构</h4>
                <ul>
                    <li>主办机构：中国室内装饰协会  绿色家居环境技术工作委员会</li>
                    <li>协办机构：中国流行色协会</li>
                    <li>联合协会：水性科天  庭好的 亚森</li>
                    <li>活动嘉宾：设计大师，行业领袖，互联网大咖，家装大腕和各省市装饰协会的领导代表等近200人。</li>
                </ul>
            </div>
            <div id="meeting-yicheng">
                <h4>会议议程</h4>
                <h5>会议时间  时间：2016年11月27（14:00~18：00）</h5>
                <ul>
                    <li>
                        <p>1、 开幕式</p>
                        <p>领导致辞：</p>
                        <p>1. 中室协领导</p>
                        <p>2. 廊坊市市长</p>
                        <p>3. 绿居委邀请嘉宾 </p>
                    </li>
                    <li>
                        <p>2、 绿色趋势-流行时尚：2017中国家居色彩流行趋势发布</p>
                        <p>1. 发布：2017-2018家居色彩流行趋势-绿色元素</p>
                        <p>2. 颁奖典礼及新品发布</p>
                    </li>
                    <li>
                        <p>3、 论坛：“设计为民生——乡村民宿”</p>
                        <p>参与对话的知名设计师：黄志达（香港），赖亚楠（北京），王湘苏（湖南），谢剑洪（北京），吕邵苍（无锡）</p>
                    </li>
                    <li>
                        <p>4、 绿色采购-领袖责任：绿色家居家装采购发布</p>
                        <p>1. 企业联合倡议：家居、家装、精装房优秀企业联合发布绿色采购倡议</p>
                        <p>2. 主题研讨：如何保障绿色家装产业供应链（索菲亚、圣象、酷漫居、诗尼曼等）</p>
                    </li>
                    <li>
                        <p>5、 巅峰对话-共创辉煌：设计与“传统家装-精装+互联网家装”</p>
                        <p>余工（星艺装饰创始人）、陈辉（东易日盛董事长）、张鹏（当地置业-总裁）、天猫（修客-葛崇）、爱空间、土巴兔、齐家网互联网的兴起对传统家装行业的机遇和挑战</p>
                    </li>
                </ul>      
            </div>
            <div id="meeting-liangdian">
                <h4>会议亮点</h4>
                <p>中国室内装饰协会绿色家居环境技术工作委员会（简称绿居委）携手聚向传媒、北京国际设计周“十二间”公益设计组委会、精装中国、全联房地产商会全装修分会、清华大学色彩所、翔菲绿居等机构共同举办，论坛将以主题演讲、大咖论剑、发布演绎等形式，高度聚焦2017家居色彩流行趋势、乡村民宿与人居环境、家装互联网的设计与绿色、绿色供应链等热点话题！</p>
            </div>
            <div id="meeting-pingxuan">
                <h4>评选奖项</h4>
                <h5>并购业务部拥有一支经验丰富的专业队伍，其中大部分从业经历8年以上运作过大量项目，具备广泛的社会资源和很强的专业能力、操作能力，以及严格而规范的职业操守。并购业务部多年来一直秉承专业主义精神，以价值追求为宗旨，追求专业境界，确保项目运作质量，取得了市场的高度认可。</h5>
                <p>2016年绿家居流行设计大奖</p>
            </div>
            <div id="meeting-zhanshi">
                <div class="meeting-zhanshi-top">
                    <h4>新品展示</h4>
                    <h5>新时代 新模式”找装修、找建材、找家具“互联网+家装”绿色新型产业模式已经悄然生长。</h5>
                </div>
                <div class="meeting-zhanshi-bottom">
                    <div class="row">
                        <div class="zhanshi-top clearfix">
                            <div class="col-md-8 col-sm-8 col-xs-8">
                                <div class="zhanshi-top-left">
                                    <img src="images/meeting-goos1.png" alt="">
                                    <div class="mask">
                                        <div class="title">美丽世界家居</div>
                                        <div class="intr">欧比诺系列整体厨柜、衣柜、书柜、装饰柜、鞋柜、隔墙柜、浴室台柜、办公系列台柜、实验室台柜；比丽捷百变组合柜等板式家俱系列产品。可以根据客户设计要求及需要特别定制加工，亦可为各地销售运营商提供品牌贴牌生产、加工服务。</div>
                                    </div>
                                </div>   
                            </div>
                            <div class="col-md-4 col-sm-4 col-xs-4">
                                <div class="zhanshi-top-right">
                                    <img src="images/meeting-goods2.png" alt="">
                                    <div class="product-info">
                                        <div class="product-sort">
                                            <div class="product-sort-name">家居产品</div>
                                            <p>inter-bank lending</p>
                                        </div>
                                        <div class="product-intr">
                                            家居产品设计是感性的,设计者要比一般人具备更敏锐的观察力,才能在一切习以为常的事物中发现问题,把用心体验来的生活点
                                        </div>
                                        <div class="product-more">
                                            <a href="">了解更多</a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="zhanshi-center clearfix">
                            <div class="col-md-8 col-sm-8 col-xs-8">
                                <div class="zhanshi-center-left clearfix">
                                    <div class="left">
                                        <div class="product-info">
                                            <div class="product-sort">
                                                <div class="product-sort-name">我爱我家材料</div>
                                                <p>lending funds</p>
                                            </div>
                                            <div class="product-intr">
                                                在宜家购买的产品，顾客们绝对可以放心使用，它们既安全而且对人体无害。至于那些对人体和环境有害的化学`，宜家立志
                                            </div>
                                            <div class="product-more">
                                                <a href="">了解更多</a>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="right">
                                        <img src="images/meeting-goods3.png" alt="">
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-4 col-sm-4 col-xs-4">
                                <div class="zhanshi-center-right">
                                    <div class="product-info">
                                        <div class="product-sort">
                                            <div class="product-sort-name">材料产品</div>
                                            <p>noble metal marketing functions</p>
                                        </div>
                                        <div class="product-intr">
                                            家装材料按性质可分为：基础材料、主要材料、专项设施、室内饰品四类，按种类可分为：隔墙材料、吊顶材料、饰面材
                                        </div>
                                        <div class="product-more">
                                            <a href="">了解更多</a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>  

                        <div class="zhanshi-bottom clearfix">
                            <div class="col-md-8 col-sm-8 col-xs-8">
                                <div class="zhanshi-bottom-left clearfix">
                                    <div class="left">
                                        <div class="product-info">
                                            <div class="product-sort">
                                                <div class="product-sort-name">星空家装</div>
                                                <p>bond debenture</p>
                                            </div>
                                            <div class="product-intr">
                                                家居产品是我们最亲近的生活用品,影响着生活的很多层面,好的家居产品设计如何打动人心?何以赢得市场?其实好的家居产品
                                            </div>
                                            <div class="product-more">
                                                <a href="">了解更多</a>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="right">
                                        <img src="images/meeting-goods4.png" alt="">
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-4 col-sm-4 col-xs-4">
                                <div class="zhanshi-bottom-right">
                                    <div class="product-info">
                                        <div class="product-sort">
                                            <div class="product-sort-name">家装产品</div>
                                            <p>guild deposit receipt</p>
                                        </div>
                                        <div class="product-intr">
                                            家装材料按性质可分为：基础材料、主要材料、专项设施、室内饰品四类，按种类可分为：隔墙材料、吊顶材料、饰面材
                                        </div>
                                        <div class="product-more">
                                            <a href="">了解更多</a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div> 
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- 赞助企业 -->
    <div id="sponsorship">
        <h3><span>Sponsoring enterprise |</span> 赞助企业</h3>
        <div class="container">
            <div class="sponsorship">
                <div id="sponsorship-banner" class="owl-carousel">
                    <div class="sponsorship-item">
                        <img src="images/chdt.png" alt="">
                    </div>
                    <div class="sponsorship-item">
                        <img src="images/chdt.png" alt="">
                    </div>
                    <div class="sponsorship-item">
                        <img src="images/chdt.png" alt="">
                    </div>
                </div>
            </div>
       </div>
    </div>

    <!-- 微信端赞助企业 -->
    <div id="wx-sponsorship">
        <h3><span>Sponsoring enterprise |</span> 赞助企业</h3>
        <div class="container">
            <div class="sponsorship">
                <div id="wx-sponsorship-banner" >
                    <div class="sponsorship-item">
                        <div class="sponsorship-item-pic">
                            <img src="images/zzjg1.png" alt="">
                        </div>
                        <p>我爱我家</p>
                    </div>
                    <div class="sponsorship-item">
                        <div class="sponsorship-item-pic">
                            <img src="images/zzjg2.png" alt="">
                        </div>
                        <p>我爱我家</p>
                    </div>
                    <div class="sponsorship-item">
                        <div class="sponsorship-item-pic">
                            <img src="images/zzjg3.png" alt="">
                        </div>
                        <p>我爱我家</p>
                    </div>
                    <div class="sponsorship-item">
                        <div class="sponsorship-item-pic">
                            <img src="images/zzjg4.png" alt="">
                        </div>
                        <p>我爱我家</p>
                    </div>
                    <div class="sponsorship-item">
                        <div class="sponsorship-item-pic">
                            <img src="images/zzjg5.png" alt="">
                        </div>
                        <p>我爱我家</p>
                    </div>
                    <div class="sponsorship-item">
                        <div class="sponsorship-item-pic">
                            <img src="images/zzjg6.png" alt="">
                        </div>
                        <p>我爱我家</p>
                    </div>
                    <div class="sponsorship-item">
                        <div class="sponsorship-item-pic">
                            <img src="images/zzjg7.png" alt="">
                        </div>
                        <p>我爱我家</p>
                    </div>
                    <div class="sponsorship-item">
                        <div class="sponsorship-item-pic">
                            <img src="images/zzjg8.png" alt="">
                        </div>
                        <p>我爱我家</p>
                    </div>
                    <div class="sponsorship-item">
                        <div class="sponsorship-item-pic">
                            <img src="images/zzjg9.png" alt="">
                        </div>
                        <p>我爱我家</p>
                    </div>
                    <div class="sponsorship-item">
                        <div class="sponsorship-item-pic">
                            <img src="images/zzjg10.png" alt="">
                        </div>
                        <p>我爱我家</p>
                    </div>
                    <div class="sponsorship-item">
                        <div class="sponsorship-item-pic">
                            <img src="images/zzjg1.png" alt="">
                        </div>
                        <p>我爱我家</p>
                    </div>
                </div>
            </div>
       </div>
    </div>

    <!-- 参会企业 -->
    <div id="attending">
       <h3><span>Sponsoring enterprise |</span> 参会企业</h3>
       <div class="attending">
            <div class="container">
                <div id="attending-banner" class="owl-carousel">
                    <div class="attending-item">
                        <div class="row">
                            <div class="col-md-4"><div class="atte">百胜中国事业部</div></div>
                            <div class="col-md-4"><div class="atte">百胜中国事业部</div></div>
                            <div class="col-md-4"><div class="atte">百胜中国事业部</div></div>
                            <div class="col-md-4"><div class="atte">百胜中国事业部</div></div>
                            <div class="col-md-4"><div class="atte">百胜中国事业部</div></div>
                            <div class="col-md-4"><div class="atte">百胜中国事业部</div></div>
                            <div class="col-md-4"><div class="atte">百胜中国事业部</div></div>
                            <div class="col-md-4"><div class="atte">百胜中国事业部</div></div>
                            <div class="col-md-4"><div class="atte">百胜中国事业部</div></div>
                            <div class="col-md-4"><div class="atte">百胜中国事业部</div></div>
                            <div class="col-md-4"><div class="atte">百胜中国事业部</div></div>
                            <div class="col-md-4"><div class="atte">百胜中国事业部</div></div>
                            <div class="col-md-4"><div class="atte">百胜中国事业部</div></div>
                            <div class="col-md-4"><div class="atte">百胜中国事业部</div></div>
                            <div class="col-md-4"><div class="atte">百胜中国事业部</div></div>
                        </div>
                    </div>
                    <div class="attending-item">
                        <div class="row">
                            <div class="col-md-4"><div class="atte">百胜美国事业部</div></div>
                            <div class="col-md-4"><div class="atte">百胜美国事业部</div></div>
                            <div class="col-md-4"><div class="atte">百胜美国事业部</div></div>
                            <div class="col-md-4"><div class="atte">百胜美国事业部</div></div>
                            <div class="col-md-4"><div class="atte">百胜美国事业部</div></div>
                            <div class="col-md-4"><div class="atte">百胜美国事业部</div></div>
                            <div class="col-md-4"><div class="atte">百胜美国事业部</div></div>
                            <div class="col-md-4"><div class="atte">百胜美国事业部</div></div>
                            <div class="col-md-4"><div class="atte">百胜美国事业部</div></div>
                            <div class="col-md-4"><div class="atte">百胜美国事业部</div></div>
                            <div class="col-md-4"><div class="atte">百胜美国事业部</div></div>
                            <div class="col-md-4"><div class="atte">百胜美国事业部</div></div>
                            <div class="col-md-4"><div class="atte">百胜美国事业部</div></div>
                            <div class="col-md-4"><div class="atte">百胜美国事业部</div></div>
                            <div class="col-md-4"><div class="atte">百胜美国事业部</div></div>
                        </div>
                    </div>
                    <div class="attending-item">
                        <div class="row">
                            <div class="col-md-4"><div class="atte">百胜日本事业部</div></div>
                            <div class="col-md-4"><div class="atte">百胜日本事业部</div></div>
                            <div class="col-md-4"><div class="atte">百胜日本事业部</div></div>
                            <div class="col-md-4"><div class="atte">百胜日本事业部</div></div>
                            <div class="col-md-4"><div class="atte">百胜日本事业部</div></div>
                            <div class="col-md-4"><div class="atte">百胜日本事业部</div></div>
                            <div class="col-md-4"><div class="atte">百胜日本事业部</div></div>
                            <div class="col-md-4"><div class="atte">百胜日本事业部</div></div>
                            <div class="col-md-4"><div class="atte">百胜日本事业部</div></div>
                            <div class="col-md-4"><div class="atte">百胜日本事业部</div></div>
                            <div class="col-md-4"><div class="atte">百胜日本事业部</div></div>
                            <div class="col-md-4"><div class="atte">百胜日本事业部</div></div>
                            <div class="col-md-4"><div class="atte">百胜日本事业部</div></div>
                            <div class="col-md-4"><div class="atte">百胜日本事业部</div></div>
                            <div class="col-md-4"><div class="atte">百胜日本事业部</div></div>
                        </div>
                    </div>
                </div>
            </div>
       </div>
    </div>

    <!-- 微信端参会企业 -->
    <div id="wx-attending">
       <h3><span>Sponsoring enterprise |</span> 参会企业</h3>
       <div class="attending">
            <div class="container">
                <div id="wx-attending-banner" class="owl-carousel">
                    <div class="attending-item">
                        <div class="row">
                            <div class="col-xs-6"><div class="atte">百胜中国事业部</div></div>
                            <div class="col-xs-6"><div class="atte">百胜中国事业部</div></div>
                            <div class="col-xs-6"><div class="atte">百胜中国事业部</div></div>
                            <div class="col-xs-6"><div class="atte">百胜中国事业部</div></div>
                            <div class="col-xs-6"><div class="atte">百胜中国事业部</div></div>
                            <div class="col-xs-6"><div class="atte">百胜中国事业部</div></div>
                            <div class="col-xs-6"><div class="atte">百胜中国事业部</div></div>
                            <div class="col-xs-6"><div class="atte">百胜中国事业部</div></div>
                        </div>
                    </div>
                    <div class="attending-item">
                        <div class="row">
                            <div class="col-xs-6"><div class="atte">百胜美国事业部</div></div>
                            <div class="col-xs-6"><div class="atte">百胜美国事业部</div></div>
                            <div class="col-xs-6"><div class="atte">百胜美国事业部</div></div>
                            <div class="col-xs-6"><div class="atte">百胜美国事业部</div></div>
                            <div class="col-xs-6"><div class="atte">百胜美国事业部</div></div>
                            <div class="col-xs-6"><div class="atte">百胜美国事业部</div></div>
                            <div class="col-xs-6"><div class="atte">百胜美国事业部</div></div>
                            <div class="col-xs-6"><div class="atte">百胜美国事业部</div></div>
                  
                        </div>
                    </div>
                    <div class="attending-item">
                        <div class="row">
                            <div class="col-xs-6"><div class="atte">百胜日本事业部</div></div>
                            <div class="col-xs-6"><div class="atte">百胜日本事业部</div></div>
                            <div class="col-xs-6"><div class="atte">百胜日本事业部</div></div>
                            <div class="col-xs-6"><div class="atte">百胜日本事业部</div></div>
                            <div class="col-xs-6"><div class="atte">百胜日本事业部</div></div>
                            <div class="col-xs-6"><div class="atte">百胜日本事业部</div></div>
                            <div class="col-xs-6"><div class="atte">百胜日本事业部</div></div>
                            <div class="col-xs-6"><div class="atte">百胜日本事业部</div></div>
                        </div>
                    </div>
                </div>
            </div>
       </div>
    </div>

    <!-- 企业展示 -->
    <div id="showing">
        <h3><span>Enterprise display |</span> 企业展示</h3>
        <div class="container">
            <div class="showing">
                <div class="row">
                    <div class="col-md-3 col-sm-4 col-xs-4">
                        <ul class="showing-tabs" role="tablist" >
                            <li role="presentation" class="active"><a href="#jiaju" aria-controls="jiaju" role="tab" data-toggle="tab">家具企业<p>Household enterprises</p></a></li>
                            <li role="presentation" class="tab2"><a href="#jiazhuang" aria-controls="jiazhuang" role="tab" data-toggle="tab">家装企业<p>Decoration enterprise</p></a></li>
                            <li role="presentation"><a href="#cailiao" aria-controls="cailiao" role="tab" data-toggle="tab">材料企业<p>Material enterprise</p></a></li>
                            <li class="showing-more"><a href=""> + MORE</a></li>
                        </ul>
                       
                    </div>
                    <div class="col-md-9 col-sm-8 col-xs-8">
                        <div class="tab-content">
                            <div role="tabpanel" class="tab-pane active" id="jiaju">
                                <div id="showing-banner1" class="owl-carousel">
                                    <div class="showinging-item">
                                        <img src="images/show1.png" alt="">
                                    </div>
                                    <div class="showinging-item">
                                        <img src="images/show1.png" alt="">  
                                    </div>
                                    <div class="showinging-item">
                                        <img src="images/show1.png" alt="">  
                                    </div>
                                </div>
                            </div>
                            <div role="tabpanel" class="tab-pane" id="jiazhuang">
                                <div id="showing-banner2" class="owl-carousel">
                                    <div class="showinging-item">
                                        <img src="images/show1.png" alt="">
                                    </div>
                                    <div class="showinging-item">
                                        <img src="images/show1.png" alt="">  
                                    </div>
                                    <div class="showinging-item">
                                        <img src="images/show1.png" alt="">  
                                    </div>
                                </div>
                            </div>
                            <div role="tabpanel" class="tab-pane" id="cailiao">
                                <div id="showing-banner3" class="owl-carousel">
                                    <div class="showinging-item">
                                        <img src="images/show1.png" alt="">
                                    </div>
                                    <div class="showinging-item">
                                        <img src="images/show1.png" alt="">  
                                    </div>
                                    <div class="showinging-item">
                                        <img src="images/show1.png" alt="">  
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    
    <!-- 精彩报道 -->
    <div id="wonderful">
        <h3><span>Wonderful report |</span> 精彩报道</h3>
        <div class="wonderful">
            <div class="container">
                <h5>NEWS CENTER</h5>
                <div id="wonderful-banner" >
                    <div class="wonderful-item">
                        <div class="wonderful-info">
                            <div class="wonderful-title">最新活动</div>
                            <div class="wonderful-img">
                                <img src="images/meeting-news1.png" alt="">
                            </div>
                            <div class="wonderful-intr">别致生活，2017国际家居流行色彩以绿色为主推色......国际家居色彩流行趋势暨绿色趋势采购-发</div>
                            <a href="" class="wonderful-more">+ more</a>
                        </div>
                    </div>
                    <div class="wonderful-item">
                        <div class="wonderful-info">
                            <div class="wonderful-title">最新资讯</div>
                            <div class="wonderful-img">
                                <img src="images/meeting-news2.png" alt="">
                            </div>
                            <div class="wonderful-intr">别致生活，2017国际家居流行色彩以绿色为主推色......国际家居色彩流行趋势暨绿色趋势采购-发</div>
                            <a href="" class="wonderful-more">+ more</a>
                        </div>
                    </div>
                    <div class="wonderful-item">
                        <div class="wonderful-info">
                            <div class="wonderful-title">VR体验</div>
                            <div class="wonderful-img">
                                <img src="images/meeting-news3.png" alt="">
                            </div>
                            <div class="wonderful-intr">别致生活，2017国际家居流行色彩以绿色为主推色......国际家居色彩流行趋势暨绿色趋势采购-发</div>
                            <a href="" class="wonderful-more">+ more</a>
                        </div>
                    </div>
                    <div class="wonderful-item">
                        <div class="wonderful-info">
                            <div class="wonderful-title">最新活动</div>
                            <div class="wonderful-img">
                                <img src="images/meeting-news1.png" alt="">
                            </div>
                            <div class="wonderful-intr">别致生活，2017国际家居流行色彩以绿色为主推色......国际家居色彩流行趋势暨绿色趋势采购-发</div>
                            <a href="" class="wonderful-more">+ more</a>
                        </div>
                    </div>
                    <div class="wonderful-item">
                        <div class="wonderful-info">
                            <div class="wonderful-title">最新资讯</div>
                            <div class="wonderful-img">
                                <img src="images/meeting-news2.png" alt="">
                            </div>
                            <div class="wonderful-intr">别致生活，2017国际家居流行色彩以绿色为主推色......国际家居色彩流行趋势暨绿色趋势采购-发</div>
                            <a href="" class="wonderful-more">+ more</a>
                        </div>
                    </div>
                    <div class="wonderful-item">
                        <div class="wonderful-info">
                            <div class="wonderful-title">VR体验</div>
                            <div class="wonderful-img">
                                <img src="images/meeting-news3.png" alt="">
                            </div>
                            <div class="wonderful-intr">别致生活，2017国际家居流行色彩以绿色为主推色......国际家居色彩流行趋势暨绿色趋势采购-发</div>
                            <a href="" class="wonderful-more">+ more</a>
                        </div>
                    </div>
                    <div class="wonderful-item">
                        <div class="wonderful-info">
                            <div class="wonderful-title">最新活动</div>
                            <div class="wonderful-img">
                                <img src="images/meeting-news1.png" alt="">
                            </div>
                            <div class="wonderful-intr">别致生活，2017国际家居流行色彩以绿色为主推色......国际家居色彩流行趋势暨绿色趋势采购-发</div>
                            <a href="" class="wonderful-more">+ more</a>
                        </div>
                    </div>
                    <div class="wonderful-item">
                        <div class="wonderful-info">
                            <div class="wonderful-title">最新资讯</div>
                            <div class="wonderful-img">
                                <img src="images/meeting-news2.png" alt="">
                            </div>
                            <div class="wonderful-intr">别致生活，2017国际家居流行色彩以绿色为主推色......国际家居色彩流行趋势暨绿色趋势采购-发</div>
                            <a href="" class="wonderful-more">+ more</a>
                        </div>
                    </div>
                    <div class="wonderful-item">
                        <div class="wonderful-info">
                            <div class="wonderful-title">VR体验</div>
                            <div class="wonderful-img">
                                <img src="images/meeting-news3.png" alt="">
                            </div>
                            <div class="wonderful-intr">别致生活，2017国际家居流行色彩以绿色为主推色......国际家居色彩流行趋势暨绿色趋势采购-发</div>
                            <a href="" class="wonderful-more">+ more</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- 历届回顾 -->
    <div id="reviews">
        <h3><span>Previous review |</span> 历届回顾</h3>
        <div class="container">
            <div id="reviews-banner" class="owl-carousel">
                <div class="row reviews-item">
                <div class="col-md-4">
                    <div class="reviews-item reviews-item-left">
                        <div class="reviews-pic"><img src="images/meeting-mm1.png" alt=""></div>
                        <p>家居发展高峰论坛</p>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="reviews-item reviews-item-center">
                        <p>北京加盟商店面</p>
                        <div class="reviews-pic"><img src="images/meeting-mm2.png" alt=""></div>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="reviews-item reviews-item-right">
                        <div class="reviews-pic"><img src="images/meeting-mm3.png" alt=""></div>
                        <p>家装商店面</p>
                    </div>
                </div>
                </div>
                <div class="row reviews-item">
                    <div class="col-md-4">
                        <div class="reviews-item reviews-item-left">
                            <div class="reviews-pic"><img src="images/meeting-mm1.png" alt=""></div>
                            <p>家居发展高峰论坛</p>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="reviews-item reviews-item-center">
                            <p>北京加盟商店面</p>
                            <div class="reviews-pic"><img src="images/meeting-mm2.png" alt=""></div>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="reviews-item reviews-item-right">
                            <div class="reviews-pic"><img src="images/meeting-mm3.png" alt=""></div>
                            <p>家装商店面</p>
                        </div>
                    </div>
                </div>
                <div class="row reviews-item">
                    <div class="col-md-4">
                        <div class="reviews-item reviews-item-left">
                            <div class="reviews-pic"><img src="images/meeting-mm1.png" alt=""></div>
                            <p>家居发展高峰论坛</p>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="reviews-item reviews-item-center">
                            <p>北京加盟商店面</p>
                            <div class="reviews-pic"><img src="images/meeting-mm2.png" alt=""></div>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="reviews-item reviews-item-right">
                            <div class="reviews-pic"><img src="images/meeting-mm3.png" alt=""></div>
                            <p>家装商店面</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- 微信端历届回顾 -->
    <div id="wx-reviews">
        <h3><span>Previous review |</span> 历届回顾</h3>
        <div class="container">
            <div id="wx-reviews-banner">
                <div class="reviews-item">
                    <div class="reviews-pic"><img src="images/meeting-mm1.png" alt=""></div>
                    <p>家居发展高峰论坛</p>
                </div>
                <div class="reviews-item">
                    <div class="reviews-pic"><img src="images/meeting-mm2.png" alt=""></div>
                    <p>北京加盟商店面</p>
                </div>
                <div class="reviews-item">
                    <div class="reviews-pic"><img src="images/meeting-mm3.png" alt=""></div>
                    <p>家装商店面</p>
                </div>
                <div class="reviews-item">
                    <div class="reviews-pic"><img src="images/meeting-mm1.png" alt=""></div>
                    <p>家居发展高峰论坛</p>
                </div>
                <div class="reviews-item">
                    <div class="reviews-pic"><img src="images/meeting-mm2.png" alt=""></div>
                    <p>北京加盟商店面</p>
                </div>
                <div class="reviews-item">
                    <div class="reviews-pic"><img src="images/meeting-mm3.png" alt=""></div>
                    <p>家装商店面</p>
                </div>
                <div class="reviews-item">
                    <div class="reviews-pic"><img src="images/meeting-mm1.png" alt=""></div>
                    <p>家居发展高峰论坛</p>
                </div>
                <div class="reviews-item">
                    <div class="reviews-pic"><img src="images/meeting-mm2.png" alt=""></div>
                    <p>北京加盟商店面</p>
                </div>
                <div class="reviews-item">
                    <div class="reviews-pic"><img src="images/meeting-mm3.png" alt=""></div>
                    <p>家装商店面</p>
                </div>
            </div>
        </div>
    </div>

    <!-- 会议交通 -->
    <div id="traffic">
        <div class="container">
            <div class="traffic">
                <h3>会议交通</h3>
                <div class="row clearfix">
                    <div class="col-md-6 left">
                        <p>北京国贸大酒店位于北京中央商务区的核心地带。北京国贸大酒店拥有278间客房和套房、4家设计餐厅、两家酒吧和酒廊及4间专属私人用餐专区，其中一间是位于81层的云顶观景台。同时，酒店还拥有香格里拉著名的「气」Spa。会议及宴会设施包括两个大宴会厅总计3,100平方米，1个位于6层的松柏苑屋顶花园，1个礼堂和多达12间多功能厅。客房平均面积为65平方米，为市内最大面积客房之一。</p>
                    </div>
                    <div class="col-md-6 right">
                        <div style="width:470px;height:320px;" id="dituContent"></div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- 我要参会 -->
    <div id="join" >
        <h3><span>Attend the meeting |</span> 我要参会</h3>
        <h4>如果有任何问题请联系我们，我们将以最快的方式联系您!</h4>
        <div class="container">
            <div class="row">
                <div class="col-md-4">
                    <div class="join-left">
                        <ul class="join-left-t">
                            <li>地址：</li>
                            <li>北京国贸大酒店</li>
                        </ul>
                        <ul class="join-left-b">
                            <li>联系方式：</li>
                            <li>座机：010-82357166</li>
                            <li>手机：15601318172(张燕霞女士）</li>
                            <li>报名邮箱：research@china.com</li>
                            <li>网址：www.green3g.com</li>
                        </ul>    
                    </div>
                </div>
                <div class="col-md-8">
                    <div class="join-right">
                        <div class="row">
                            <form action="">
                                <div class="col-md-5">
                                    <input type="text" class="form-control" placeholder="*企业名称">
                                    <input type="text" class="form-control" placeholder="*姓名">
                                    <input type="text" class="form-control" placeholder="*职务">
                                    <input type="number" class="form-control" placeholder="*手机">
                                </div>
                                <div class="col-md-7">
                                     <textarea name="" id="" cols="30" rows="8" class="form-control" placeholder="请输入您需要的的留言..."></textarea>
                                </div>
                                <div class="col-md-12">
                                    <a href="" class="form-control download">我要报名</a>
                                </div>
                                <div class="col-md-12">
                                    <a href="" class="form-control download">下载报名表</a>
                                </div>
                                
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- 底部信息 -->
    <div id="footer">
        <div class="container">
            <div class="footer">
                <div class="footer-info clearfix">
                    <div class="left">
                        <div class="ewm">
                            <img src="images/meeting-ewm.png" alt="">
                        </div>
                        <div class="social-link">
                           <a href="http://weibo.com/312809000?refer_flag=1087030701_2975_1003_0" class="wb" target="_blank"><img src="images/meeting-wb.png" alt=""></a>
                           <a href="http://wpa.qq.com/msgrd?v=3&amp;uin=1603165946&amp;site=qq&amp;menu=yes" target="_blank" class="qq"><img src="images/meeting-qq.png" alt=""></a>
                           <a href="" class="wx"><img src="images/meeting-wx.png" alt=""></a>
                        </div>
                    </div>
                    <div class="right">
                        <p>扫一扫二维码有惊喜</p>
                        <div class="time24">24</div>
                        <p>小时服务热线</p>
                        <div class="phone">
                            400-007-6585
                        </div>
                    </div>
                </div>
                <div class="foot-rz">
                    绿色环保认证体系——绿家居 
                </div>
                <div class="foot-nav clearfix">
                    <ul class="foot-nav-item line-none">
                        <li><a href="">关于我们</a></li>
                        <li><a href="">公司简介</a></li>
                        <li><a href="">组织要构</a></li>
                        <li><a href="">企业荣誉</a></li>
                        <li><a href="">品牌形象</a></li>
                        <li><a href="">领导寄语</a></li>
                    </ul>
                    <ul class="foot-nav-item">    
                        <li><a href="">产品展示</a></li>
                        <li><a href="">家装系列</a></li>
                        <li><a href="">家居系列</a></li>
                        <li><a href="">材料系列</a></li>
                    </ul>
                    <ul class="foot-nav-item">
                        <li><a href="">新闻中心</a></li>  
                        <li><a href="">公司简介</a></li>
                        <li><a href="">行业新闻</a></li>
                    </ul>
                    <ul class="foot-nav-item">
                        <li><a href="">服务中心</a></li>   
                        <li><a href="">在线留言</a></li>
                        <li><a href="">智能地图</a></li>
                        <li><a href="">联系我们</a></li>
                    </ul>
                </div>
                <div class="clearfix footer-back">
                    <div class="actGotop top1">TOP</div>
                    <div class="actGotop top2">返回</div>
                </div>
            </div>
        </div>
    </div>

    <!-- 版权信息 -->
    <div class="copyright">
        <div class="container">
            <div class="copy-info">
                京ICP备10218183号<span>京ICP证100808号</span><span>京公网安备</span><span>11010802020593号</span><span>出版物经营许可证新出发京批字第直130052号</span>
            </div>
        </div>
    </div>
    
    <!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
    <script src="http://cdn.bootcss.com/jquery/1.11.1/jquery.min.js"></script>
    <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
    <script src="js/bootstrap.min.js"></script>
    <!-- 轮播图banner 文件 -->
    <script src="js/banner.js"></script>
    <!-- 轮播js -->
    <script type="text/javascript">
        jQuery(function($) {
           $("#attending-banner").owlCarousel({
                singleItem: true,
                paginationNumbers: false,
                // autoPlay: 4000,
                navigation: true,
                navigationText: ["",""],
           });
        });
        jQuery(function($) {
           $("#wx-attending-banner").owlCarousel({
                singleItem: true,
                paginationNumbers: false,
                // autoPlay: 4000,
                navigation: true,
                navigationText: ["",""],
           });
        });
        jQuery(function($) {
           $("#sponsorship-banner").owlCarousel({
                singleItem: true,
                paginationNumbers: false,
                // autoPlay: 4000,
                navigation: true,
                navigationText: ["",""],
           });
        });
        $(document).ready(function() {
            $("#wx-sponsorship-banner").owlCarousel({
            // autoPlay: 3000, 
            items : 6,
            itemsDesktop : [999,6],
            itemsDesktopSmall : [768,3],
            itemsTablet: [400,2], //2 items between 600 and 0
            itemsMobile : false // itemsMobile disabled - inherit from itemsTablet option
            });  
        });

        $(document).ready(function() {
            $("#guest-banner").owlCarousel({
            autoPlay: 3000, 
            items : 3,
            navigation: true,
            navigationText: ["‹","›"],
            itemsDesktop : [999,3],
            itemsDesktopSmall : [768,3],
            itemsTablet: [400,2], //2 items between 600 and 0
            itemsMobile : false // itemsMobile disabled - inherit from itemsTablet option
            });  
        });
        jQuery(function($) {
           $("#showing-banner1").owlCarousel({
                singleItem: true,
                paginationNumbers: false,
                // autoPlay: 4000,
                navigation: true,
                navigationText: ["",""],
           });
        });
        jQuery(function($) {
           $("#showing-banner2").owlCarousel({
                singleItem: true,
                paginationNumbers: false,
                // autoPlay: 4000,
                navigation: true,
                navigationText: ["",""],
           });
        });
        jQuery(function($) {
           $("#showing-banner3").owlCarousel({
                singleItem: true,
                paginationNumbers: false,
                // autoPlay: 4000,
                navigation: true,
                navigationText: ["",""],
           });
        });

        $(document).ready(function() {
            $("#wonderful-banner").owlCarousel({
            // autoPlay: 3000, 
            items : 3,
            itemsDesktop : [999,2],
            itemsDesktopSmall : [768,2]
         
            });  
        });
        jQuery(function($) {
           $("#reviews-banner").owlCarousel({
                singleItem: true,
                paginationNumbers: false,
                // autoPlay: 4000,
                navigation: true,
                navigationText: ["",""],
           });
        });
        $(document).ready(function() {
            $("#wx-reviews-banner").owlCarousel({
            // autoPlay: 3000, 
            items : 3,
            itemsDesktop : [999,2],
            itemsDesktopSmall : [768,2],
            itemsTablet: [400,1], //2 items between 600 and 0
            itemsMobile : false // itemsMobile disabled - inherit from itemsTablet option
            });  
        });
    
    </script>
    <!-- 百度地图 -->
    <script src="http://api.map.baidu.com/api?key=&v=1.1&services=true"></script>
    <!-- 百度地图js -->
    <script type="text/javascript">
        //创建和初始化地图函数：
        function initMap(){
            createMap();//创建地图
            setMapEvent();//设置地图事件
            addMapControl();//向地图添加控件
            addMarker();//向地图中添加marker
        }
        
        //创建地图函数：
        function createMap(){
            var map = new BMap.Map("dituContent");//在百度地图容器中创建一个地图
            var point = new BMap.Point(116.462527,39.917056);//定义一个中心点坐标
            map.centerAndZoom(point,17);//设定地图的中心点和坐标并将地图显示在地图容器中
            window.map = map;//将map变量存储在全局
        }
        
        //地图事件设置函数：
        function setMapEvent(){
            map.enableDragging();//启用地图拖拽事件，默认启用(可不写)
            map.enableScrollWheelZoom();//启用地图滚轮放大缩小
            map.enableDoubleClickZoom();//启用鼠标双击放大，默认启用(可不写)
            map.enableKeyboard();//启用键盘上下左右键移动地图
        }
        
        //地图控件添加函数：
        function addMapControl(){
            //向地图中添加缩放控件
        var ctrl_nav = new BMap.NavigationControl({anchor:BMAP_ANCHOR_TOP_RIGHT,type:BMAP_NAVIGATION_CONTROL_LARGE});
        map.addControl(ctrl_nav);
            //向地图中添加缩略图控件
        var ctrl_ove = new BMap.OverviewMapControl({anchor:BMAP_ANCHOR_BOTTOM_RIGHT,isOpen:0});
        map.addControl(ctrl_ove);
            //向地图中添加比例尺控件
        var ctrl_sca = new BMap.ScaleControl({anchor:BMAP_ANCHOR_TOP_LEFT});
        map.addControl(ctrl_sca);
        }
        
        //标注点数组
        var markerArr = [{title:"北京国贸大酒店",content:"我的备注",point:"116.464081|39.9166",isOpen:0,icon:{w:21,h:21,l:0,t:0,x:6,lb:5}}
             ];
        //创建marker
        function addMarker(){
            for(var i=0;i<markerArr.length;i++){
                var json = markerArr[i];
                var p0 = json.point.split("|")[0];
                var p1 = json.point.split("|")[1];
                var point = new BMap.Point(p0,p1);
                var iconImg = createIcon(json.icon);
                var marker = new BMap.Marker(point,{icon:iconImg});
                var iw = createInfoWindow(i);
                var label = new BMap.Label(json.title,{"offset":new BMap.Size(json.icon.lb-json.icon.x+10,-20)});
                marker.setLabel(label);
                map.addOverlay(marker);
                label.setStyle({
                            borderColor:"#808080",
                            color:"#333",
                            cursor:"pointer"
                });
                
                (function(){
                    var index = i;
                    var _iw = createInfoWindow(i);
                    var _marker = marker;
                    _marker.addEventListener("click",function(){
                        this.openInfoWindow(_iw);
                    });
                    _iw.addEventListener("open",function(){
                        _marker.getLabel().hide();
                    })
                    _iw.addEventListener("close",function(){
                        _marker.getLabel().show();
                    })
                    label.addEventListener("click",function(){
                        _marker.openInfoWindow(_iw);
                    })
                    if(!!json.isOpen){
                        label.hide();
                        _marker.openInfoWindow(_iw);
                    }
                })()
            }
        }
        //创建InfoWindow
        function createInfoWindow(i){
            var json = markerArr[i];
            var iw = new BMap.InfoWindow("<b class='iw_poi_title' title='" + json.title + "'>" + json.title + "</b><div class='iw_poi_content'>"+json.content+"</div>");
            return iw;
        }
        //创建一个Icon
        function createIcon(json){
            var icon = new BMap.Icon("http://app.baidu.com/map/images/us_mk_icon.png", new BMap.Size(json.w,json.h),{imageOffset: new BMap.Size(-json.l,-json.t),infoWindowOffset:new BMap.Size(json.lb+5,1),offset:new BMap.Size(json.x,json.h)})
            return icon;
        }
        
        initMap();//创建和初始化地图
    </script>

   

    <!-- 返回顶部js -->
    <script>
        $(function(){ 
            $(window).scroll(function() {   
                if($(window).scrollTop() >= 50){
                    $('.actGotop').fadeIn(300); 
                }else{    
                    $('.actGotop').fadeOut(300);    
                }  
            });
            $('.actGotop').click(function(){$('html,body').animate({scrollTop: '0px'}, 800);}); 
        });
    </script>
    <script>
        $(function() {
            var $root = $('html, body');
            $('a').click(function() {
                $root.animate({
                    scrollTop: $($.attr(this, 'data-href')).offset().top
                }, 1000);
                return false;
            });
        });
    </script> 

</body>
</html>